/* 扫一扫css */
.qrcode1{
	background-color:#FFFFFF;
	position: fixed;
	color: #9B9CAB;
	width: 50px;
	height: 50px;
	border-radius: 50% 50%;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	right: 30px;
	top:500px;
	
}
.qrcode2{
	background-color:#FFFFFF;
	position: fixed;
	color: #9B9CAB;
	width: 50px;
	height: 50px;
	border-radius: 50% 50%;
	text-align: center;
	line-height: 50px;
	font-size: 10px;
	right: 30px;
	top:500px;
	display: none;
}
.qrcode3{
	width: 120px;
	height: 120px;
	position: fixed;
	
	right: 85px;
	top:510px;
	line-height: 120px;
	text-align: center;
	background-color: #FFFFFF;
	display: none;
	z-index: 100;
}


 /* 经验详情部分css */
 .KnowDetails{
	 width: 70%;
	
	 margin: 0 auto;
 }
 .KnowDetails-title{
	 width: 100%;
	 height:0.6rem;
	/* display: flex;
	 justify-content: space-around; */
	 border-bottom:1px solid #D9D9D9 ;
 }

 .KnowDetails-title-left{
	 padding: 0px 0.2rem;
	 height: 100%;
	 font-size: 0.2rem;
	 line-height: 0.6rem;
	 float: left;
 }
 .KnowDetails-title-right{
	
	 padding: 0px 0.1rem;
 	 height: 100%;
 	 font-size: 0.2rem;
 	 line-height: 0.6rem; 
	 float: right;
	
	
 }
 .KnowDetails-content{
	 display: flex;
	 width: 100%;	
 }
 .KnowDetails-content>div{
	 background-color: white;
 }
 .KnowDetails-content-items{
	 padding: 0.3rem;
	 width: 65%;
	
	 margin-right: 5%;
 }

 .KnowDetails-content-title{
	 width: 100%;
	 margin-bottom: 0.3rem;
	
 }
 .KnowDetails-content-title-item1{
	 font-size: 0.28rem;
	 color: #000000;
	 font-weight: bolder;
 }
 .KnowDetails-content-title-item2{
 margin-top: 0.10rem;
 font-size: 0.15rem;
 color: #8B8B8B;
 }
 .yc{
	border: 1px solid #5CBA6E;
	margin: 0 0.1rem;
	color: #5CBA6E;
	width: 0.5rem;
	text-align: center;
	border-radius: 0.05rem;
 }
 .sc{
	 float: right; 
	 color: #5CBA6E;
 }
/* .icon-Collection{
	display: none;
}
.icon-shoucang6{
	display: none;
} */
/* 经验作者详情部分 */
 .KnowDetails-content-author{
	 padding: 0.2rem;
	 width: 30%;
	 height: 2.65rem;
	
	
	 
 }
 .KnowDetails-content-author-top{
	 display: flex;
	width: 100%;
	height: 55%;
	border-bottom: 1px dashed #999 ;
 }
 .KnowDetails-content-author-bottom{
	 width: 100%;
	 height: 45%;
	display: flex;
	 justify-content: center;
	 align-items: center;
	
 }
 .KnowDetails-content-author-detail{
	 width: 60%;
	 height: 100%;
	 padding: 0 0.1rem;
 }
 .KnowDetails-content-author-detail>p{
	 max-height: 1.2rem;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 4;
	 -webkit-box-orient: vertical;
	 font-size: 0.12rem;
	 color: #8B8B8B;
 }
  .KnowDetails-content-author-bottom-item{
	margin: 0 auto;
	width: 30%;
	height: 60%;
	border-right:1px solid #E9E9E9 ;
	border-left:1px solid #E9E9E9;
	
  }
  .KnowDetails-content-detail{
	  width: 100%;
	 
		min-height: 5rem;
	  margin-bottom: 0.3rem;
  }
  .KnowDetails-comment{
	  width: 100%;
	
  }
  .KnowDetails-comment>div,.KnowDetails-comment>div>div{
	  width: 100%;
  }
  .KnowDetails-comment-titlenum{
	  color: #353535;
	  font-size: 0.2rem;
	  border-bottom: 0.02rem solid silver;
		padding: 0px 0px 0.14rem;
  }
  .KnowDetails-comment-frame{
	  height: 0.8rem;
	  background-color: #F8F8F8;
	  display: flex;
	  justify-content: space-evenly;
	  align-items: center;
  }
  .submitComment-btn{
	   width: 18%;height: 47%;background-color: #4aca6d;border-radius: 0.05rem;color: white;font-size: 0.14rem;font-weight: 700;cursor: pointer;
  }
  .KnowDetails-comment-frame input
  {
	width: 100%;height: 100%;border-radius: 0.05rem;border: 1px solid #d2dbe1;padding:0 0.05rem;
  }
  .KnowDetails-comment-new{
	  border-bottom: 1px solid #EEE;
	 
	  padding: 0.18rem 0;
  }
  .KnowDetails-comment-new>span,.KnowDetails-comment-new>div{
	  font-size: 0.14rem; 
  }
  .KnowDetails-comment-new>span{
	  display: inline-block;
	
		width: 50%;
		height: 0.3rem;
		line-height: 0.3rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow:ellipsis;	
		color:#2d64b6;
	  }
	  .KnowDetails-comment-new>div{
	  	  width: 100%;
		  
		   display: flex;
		   /* align-items: center; */
		  
	  }
	  .KnowDetails-comment-new>div>p:nth-child(1)
	  {
		font-size: 0.14rem;
		width: 90%;		
	  }
	  .KnowDetails-comment-new>div>p:nth-child(2)
	  {
		  width: 10%;
	  		align-self: flex-end;	
	  }
	  .KnowDetails-comment-new>div>p:nth-child(2)>a{
		  font-size: 0.14rem;
		  color: #2d64b6;
	  }
	  .KnowDetails-comment-new a:hover{
		  color: #2d64b6;
		  cursor: pointer;
		  text-decoration: underline;
	  }
	  .KnowDetails-content-detail img{
		  width: 100%;
	  }